<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>{$title}电话_地址_{$title}怎么样-奇快企服</title>
		<meta name="applicable-device" content="mobile">
		<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no,minimal-ui" name="viewport">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		 <meta name="keywords" content="{$title},{$title}怎么样,{$title}电话地址">
        <meta name="description" content="{$title}{$desc}">
		<meta content="telephone=no" name="format-detection">
		<!-- UC默认竖屏` UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<!-- QQ强制竖屏` QQ强制	全屏 -->
		
		<link rel="icon" href="/icon.png" />

		<link rel="stylesheet" href="/static/wap/lib/mui.min.css" />

		<link rel="stylesheet" href="/static/wap/css/common.css" />
		<link rel="stylesheet" href="/static/wap/css/company.css" />

		<link rel="stylesheet" href="/static/wap/css/reset.css" />

		<script type="text/javascript" src="/static/wap/lib/jquery-2.1.4.js"></script>
		<script type="text/javascript" src="/static/wap/lib/mui.min.js"></script>
		 <script type="text/javascript" src="/static/index/lib/template.js"></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="/wap/gs/" class="mui-icon mui-icon-back" style="color: #fff;"></a>
			<h1 class="mui-title">奇快企服</h1>
		</header>
		
		<div id="htmlCompany"></div>
        <script id="companyScript" type="text/html">
			<div class="company_detai_wrap" style="margin-top: 45px;">

				<div class="company_detaiPic">
					<div class="logo_comp mui-pull-left" style="background: url({{hearinfo.logo}}) no-repeat center center;background-size: 100% auto;"></div>
					<div class="companyDt_desc mui-pull-left">
						<div class="comp_name">{{hearinfo.company_name}}</div>
						<div class="comp_desc">
							已咨询：<span>{{hearinfo.view_num}}</span>&nbsp;&nbsp;&nbsp;&nbsp;服务评分：<span>{{hearinfo.star}}</span>
						</div>
					</div>
				</div>
			</div>
			<div class="comp_desc_wrap">
				<div class="desc_addNum clearfix">
					<div class="title_descBox mui-pull-left">公司规模：</div>
					<div class="detailWord_descBox mui-pull-left">{{scale}}人</div>
				</div>
				<div class="desc_addNum clearfix">
					<div class="title_descBox mui-pull-left">公司地址：</div>
					<div class="detailWord_descBox mui-pull-left">{{hearinfo.address}}</div>
				</div>
				<div class="desc_addNum clearfix">
					<div class="title_descBox mui-pull-left">承接服务：</div>
					<ul class="detailWord_list mui-pull-left">
						{{each categorys item i}} 
						    <li>{{item}}</li>
                        {{/each}}
					</ul>
				</div>
				<div class="getPrice_outWrap" style="margin-top: 0.9rem;">
					<a href="/wap/baojia/" class="getPrice_detail">免费为我提供报价</a>
				</div>

			</div>

			<div class="line_descpatch"></div>

			<div class="titleComp_one borderTop borderBottom">公司简介</div>
			<div class="desc_style">
				{{company_desc}}
			</div>

			<div class="titleComp_one borderTop borderBottom">公司优势</div>
			<div class="desc_style">
				{{advantage}}
			</div>

			<div class="titleComp_one borderTop borderBottom">资质案例</div>
			{{each company_caseNew item i}}   
				<div class="desc_style_anli">
					<div class="clearfix">
						<span class="mui-pull-left leftName">公司名称：</span>
						<span class="mui-pull-left rightDesc">{{item.company_name}}</span>
					</div>
					<div class="clearfix">
						<span class="mui-pull-left leftName">资质类型：</span>
						<span class="mui-pull-left rightDesc">{{item.category_name}}</span>
					</div>
					<div class="clearfix">
						<span class="mui-pull-left leftName">业务介绍：</span>
						<span class="mui-pull-left rightDesc">{{item.service_desc}}</span>
					</div>
					<div class="clearfix">
						<span class="mui-pull-left leftName">办理周期：</span>
						<span class="mui-pull-left rightDesc">{{item.project_cycle}}</span>
					</div>
					<div class="clearfix">
						<span class="mui-pull-left leftName">办理价格：</span>
						<span class="mui-pull-left rightDesc">{{item.project_price}}</span>
					</div>
					<div class="clearfix">
						<span class="mui-pull-left leftName">人员配备：</span>
						<span class="mui-pull-left rightDesc">{{item.staff}}</span>
					</div>
				</div>

            {{/each}}
			
			<div class="titleComp_one borderTop borderBottom">精英团队</div>
			<div class="desc_style_anli clearfix">
				{{each company_staffNew item i}}
    				<div class="person_wrap">
						<div class="person_img mui-pull-left">
							<img src="{{item.avatar}}" alt="">
						</div>
						<div class="mui-pull-left clearfix person_det">
							<div class="com_word_style">
								<span>姓名：</span>{{item.name}}
							</div>
							<div class="com_word_style">
								<span>电话：</span>{{item.phone}}
							</div>
							<div class="com_word_style" style=" text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">
								<span>从业经历：</span>{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}{{item.experience}}
							</div>
						</div>
					</div>
                {{/each}}
			</div>
		</script>
		<div class="titleComp_one borderTop borderBottom">热门咨询</div>
		<div id="hotHtml"></div>
		<script id="hotSrc" type="text/html">
			<div class="desc_style_anli">
				{{each data item i}} 
					<a href="/wap/Consult/constDetail/{{item.id}}" >{{item.title}}</a>
				{{/each}}
			</div>
		</script>

		{include file="pub/footer"}

		<script>
            var id = '{$id}';
            var shopJson = {};
            var baseUrl = 'https://api.qikuai100.com/';
            $(function(){
                initCompany();
                initHotDate();
            });

            /**
            * 初始化数据
            */
            function initCompany() {
                // 获取资质分类详情代办公司
                $.ajax({
                    type: "POST",
                    url: baseUrl + "api/company/getOne",
                    data: {
                        "id": id,
                    },
                    success: function(result) {
                        
                        if (result.ret == 0) {
                            shopJson = result.data;
                            var company_caseNew = [];
                            var company_staffNew = [];
                            for(var i = 0; i < shopJson.company_case.length; i++){
                                if(i < 1 && shopJson.company_case[i]){
                                    company_caseNew.push(shopJson.company_case[i]);
                                }
                            }
                            for(var i = 0; i < shopJson.company_staff.length; i++){
                                if(i < 4 && shopJson.company_staff[i]){
                                    company_staffNew.push(shopJson.company_staff[i]);
                                }
                            }
                            shopJson.company_caseNew = company_caseNew;
                            shopJson.company_staffNew = company_staffNew;
                            console.log(shopJson);
                            // 公司数据
                            var htmlCompany = template('companyScript', shopJson);
                            document.getElementById('htmlCompany').innerHTML = htmlCompany;
                            // var mySwiper = new Swiper('.companyDtSwiper', {
                            //     autoplay: 5000,//可选选项，自动滑动
                            //     pagination : '.swiper-pagination',
                            //     onlyExternal: true,
                            //     loop: false
                            // });
                        }
                    }
                });
            }
            /**
			 * 热门资讯
			 * **/
			function initHotDate() {
				$.ajax({
					type: "POST",
					url: baseUrl + "api/news/rand",
					success: function(result) {
						console.log(result)
						if(result.ret == 0) {
					        var hotHtml = template('hotSrc',result);
					        document.getElementById('hotHtml').innerHTML = hotHtml;
						}
					}
				})
			}
        </script>

	</body>

</html>